<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>有货</title>
	<link rel="stylesheet" type="text/css" href="./Public/Home/org/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
	<!-- <script src="./Public/Home/org/bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> -->
	<script type="text/javascript" src="./Public/Home/Js/jquery-1.8.2.min.js"></script>
	<link rel="stylesheet" href="./Public/Home/Swiper-3.3.1/dist/css/swiper.min.css">
	<script type="text/javascript" src="./Public/Home/Swiper-3.3.1/dist/js/swiper.jquery.min.js"></script>
	<script type="text/javascript" src="./Public/Home/Swiper-3.3.1/dist/js/swiper.min.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/index.css">
	<link rel="stylesheet" href="./Public/Home/Css/common.css">
	<script type="text/javascript" src="./Public/Home/Js/index.js"></script>
</head>
<body>
  {{include file="../Common/header"}}
<article>
	<!-- 轮播图 -->
	<div id="_slide"><!-- 轮播大框子 -->
		<div id="flashBox">
			<a href=""><img src="./Public/Home/Images/content/15.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/16.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/17.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/18.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/19.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/20.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/21.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/22.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/15.jpg" alt=""></a>
		</div>
		<div id="_thumb">
			<img class="now" src="./Public/Home/Images/content/151.jpg" alt="">
			<img src="./Public/Home/Images/content/161.jpg" alt="">
			<img src="./Public/Home/Images/content/171.jpg" alt="">
			<img src="./Public/Home/Images/content/181.jpg" alt="">
			<img src="./Public/Home/Images/content/191.jpg" alt="">
			<img src="./Public/Home/Images/content/201.jpg" alt="">
			<img src="./Public/Home/Images/content/211.jpg" alt="">
			<img src="./Public/Home/Images/content/221.jpg" alt="">
			<img src="./Public/Home/Images/content/151.jpg" alt="">
		</div>
		<div class="newBtns">
			<div class="right">></div>
			<div class="left"><</div>
		</div>
	</div>
	
	<!-- 人气单品 -->
	<div id="_hot">
		<div class="_title">人气单品</div>
		<div class="_content">
			<!-- <a href=""><img class="_Scontent" src="./Public/Home/Images/content/2.jpg" alt=""></a> -->
			{{foreach from="$data" value="$v"}}
				<a href="{{U('List/index',array('gid'=>$v['gid']))}}"><img src="{{$v['pic']}}" alt=""></a>
			{{endforeach}}
		</div>
	</div>
	<!-- 人气单品底下图片 -->
	<div id="_hot-img">
		<a href=""><img src="./Public/Home/Images/content/3.jpg" alt=""></a>
	</div>
	<!-- 优选品牌 -->
	<div id="_hot">
		<div class="_title">优选品牌</div>
		<div id="_unsilde">
			<div id="_unsideBox">
				<a href=""><img src="./Public/Home/Images/content/4.jpg" alt=""></a>
				<a href=""><img src="./Public/Home/Images/content/23.jpg" alt=""></a>
				<a href=""><img src="./Public/Home/Images/content/24.jpg" alt=""></a>
				<a href=""><img src="./Public/Home/Images/content/25.jpg" alt=""></a>
				<a href=""><img src="./Public/Home/Images/content/26.jpg" alt=""></a>
				<a href=""><img src="./Public/Home/Images/content/25.jpg" alt=""></a>
				<a href=""><img src="./Public/Home/Images/content/4.jpg" alt=""></a>
				<a href=""><img src="./Public/Home/Images/content/23.jpg" alt=""></a>
				<a href=""><img src="./Public/Home/Images/content/24.jpg" alt=""></a>
			</div>
			<div class="unBtns">
				<div class="unRight">></div>
				<div class="unLeft"><</div>
			</div>
		</div>
		<div class="_hot-thumb"><!-- 这儿用循环，然后随机分布16个缩略图 -->
			<div id="_hot-thumb-right">
				<span class="_thumb-top"><</span>
				<span class="_thumb-buttom">></span>
			</div>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/5.jpg" alt=""></a>
			<div id="_hot-thumb-buttom">
				<a href="">MORE ></a>
			</div>

		</div>
	</div>
	<!-- 优选品牌 -->
	<div id="_hot">
		<div class="_title">最新速报</div>
		<div id="_newInfo">
			<a href=""><img class="infoLeft" src="./Public/Home/Images/content/6.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/7.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/7.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/7.jpg" alt=""></a>
			<a href=""><img class="infoRight" src="./Public/Home/Images/content/6.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/7.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/7.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/7.jpg" alt=""></a>
		</div>
	</div>
	<!-- 优选品牌底下图片 -->
	<div id="_hot-img">
		<a href=""><img src="./Public/Home/Images/content/3.jpg" alt=""></a>
	</div>
	<!-- 这儿开始可以循环(潮流上装、潮流下装、时尚鞋履、潮人配饰) -->
<!-- 潮流上装 -->
	<div id="_hot">
		<a href="" class="fashion">MORE</a> 
		<div class="_title">潮流上装</div> 
		<div class="clothes">
			<a href=""><img src="./Public/Home/Images/content/8.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/8.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/1.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/9.jpg" alt=""></a>
			<a href=""><img class="clothes_top" src="./Public/Home/Images/content/10.jpg" alt=""></a>
			<a href=""><img class="clothes_but" src="./Public/Home/Images/content/11.jpg" alt=""></a>
		</div>
		<div class="clothes">
			<a href=""><img src="./Public/Home/Images/content/8.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/8.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/1.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/9.jpg" alt=""></a>
			<div class="Tshit">	
				<div class="Tshit-box">
					<a target="_blank" href="">T恤</a>
					<a target="_blank" href="">衬衫</a>
					<a target="_blank" href="">卫衣</a>
					<a target="_blank" href="">POLO</a>
					<a target="_blank" href="">西装</a>
					<a target="_blank" href="">背心</a>
					<a target="_blank" href="">简约有型</a>
					<a target="_blank" href="">运动先锋</a>
					<a target="_blank" href="">街头原宿</a>
					<a target="_blank" href="">英伦学院</a>
					<a target="_blank" href=""></a>
					<a target="_blank" href=""></a>
				</div>
			</div>
		</div>
		<div class="clothes clothes_buttom">
			<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
		</div>
	</div>

	<!-- 潮流下装 -->
	<div id="_hot">
		<a href="" class="fashion">MORE</a> 
		<div class="_title">潮流下装</div> 
		<div class="clothes">
			<a href=""><img src="./Public/Home/Images/content/8.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/8.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/1.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/9.jpg" alt=""></a>
			<a href=""><img class="clothes_top" src="./Public/Home/Images/content/10.jpg" alt=""></a>
			<a href=""><img class="clothes_but" src="./Public/Home/Images/content/11.jpg" alt=""></a>
		</div>
		<div class="clothes">
			<a href=""><img src="./Public/Home/Images/content/8.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/8.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/1.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/9.jpg" alt=""></a>
			<div class="Tshit">	
				<div class="Tshit-box">
					<a target="_blank" href="">T恤</a>
					<a target="_blank" href="">衬衫</a>
					<a target="_blank" href="">卫衣</a>
					<a target="_blank" href="">POLO</a>
					<a target="_blank" href="">西装</a>
					<a target="_blank" href="">背心</a>
					<a target="_blank" href="">简约有型</a>
					<a target="_blank" href="">运动先锋</a>
					<a target="_blank" href="">街头原宿</a>
					<a target="_blank" href="">英伦学院</a>
					<a target="_blank" href="">街头原宿</a>
					<a target="_blank" href="">英伦学院</a>
				</div>
			</div>
		</div>
		<div class="clothes clothes_buttom">
			<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
			<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
		</div>
	</div>
	<!-- 最新上架 -->
	<div id="_hot">
		<a href="" class="fashion">MORE</a> 
		<div class="_title">潮流下装</div> 
		<div class="clothes clothes_buttom">
		<!-- 这儿开始循环(最新上架的信息) -->
			<div class="clothes-box">
				<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
				<div class="Cinfo">
					<a href="">PUMA ARIL BLAZE SLIP-ON 运动鞋</a>
					<span>¥699.00</span>
				</div>
			</div>
			<div class="clothes-box">
				<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
				<div class="Cinfo">
					<a href="">PUMA ARIL BLAZE SLIP-ON 运动鞋</a>
					<span>¥699.00</span>
				</div>
			</div>
			<div class="clothes-box">
				<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
				<div class="Cinfo">
					<a href="">PUMA ARIL BLAZE SLIP-ON 运动鞋</a>
					<span>¥699.00</span>
				</div>
			</div>
			<div class="clothes-box">
				<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
				<div class="Cinfo">
					<a href="">PUMA ARIL BLAZE SLIP-ON 运动鞋</a>
					<span>¥699.00</span>
				</div>
			</div>
			<div class="clothes-box">
				<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
				<div class="Cinfo">
					<a href="">PUMA ARIL BLAZE SLIP-ON 运动鞋</a>
					<span>¥699.00</span>
				</div>
			</div>
			<div class="clothes-box">
				<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
				<div class="Cinfo">
					<a href="">PUMA ARIL BLAZE SLIP-ON 运动鞋</a>
					<span>¥699.00</span>
				</div>
			</div>
			<div class="clothes-box">
				<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
				<div class="Cinfo">
					<a href="">PUMA ARIL BLAZE SLIP-ON 运动鞋</a>
					<span>¥699.00</span>
				</div>
			</div>
			<div class="clothes-box">
				<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
				<div class="Cinfo">
					<a href="">PUMA ARIL BLAZE SLIP-ON 运动鞋</a>
					<span>¥699.00</span>
				</div>
			</div>
			<div class="clothes-box">
				<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
				<div class="Cinfo">
					<a href="">PUMA ARIL BLAZE SLIP-ON 运动鞋</a>
					<span>¥699.00</span>
				</div>
			</div>
			<div class="clothes-box">
				<a href=""><img src="./Public/Home/Images/content/12.jpg" alt=""></a>
				<div class="Cinfo">
					<a href="">PUMA ARIL BLAZE SLIP-ON 运动鞋</a>
					<span>¥699.00</span>
				</div>
			</div>
		</div>
	</div>
	<!-- 查看更多 -->
	<div id="loading">
		<a href="">查看更多</a>
	</div>
	<!-- 内容底部 -->
	<div id="_content-buttom">
		<div class="center-content">
			<div class="center-content-total">
				<div id="CB-left">
					<div class="CB-top">
						<div class="CB-title">
							<div class="CB-line"></div>
							<span class="text">有货SERVICES</span>
						</div>
						<div class="CB-content">
							<img src="./Public/Home/Images/qr-app.png" alt="">
							<span>YOHO!BUY有货</span>
						</div>
						<div class="CB-content">
							<img src="./Public/Home/Images/qr-weixin.png" alt="">
							<span>微信</span>
						</div>
						<div class="CB-content">
							<img src="./Public/Home/Images/qr-weibo.png" alt="">
							<span>微博</span>
						</div>
					</div>
					<div class="CB-buttom">
						<span></span>
					</div>
				</div>
				<div id="CB-center">
					<div class="CB-top">
						<div class="CB-title">
							<div class="CB-line"></div>
							<span class="text">意见反馈</span>
							<ul>
								<li>
									<form action="#" class="feed-back-form">
										<div class="vote-item">您喜欢有货的新版吗?</div>
										<div class="vote-item">
											<p><input type="radio" name="solution" id="" value="33">非常喜欢</p>
											<p><input type="radio" name="solution" id="" value="34">喜欢</p>
											<p><input type="radio" name="solution" id="" value="35">一般般</p>
											<p><input type="radio" name="solution" id="" value="36">不喜欢</p>
											<p><input type="radio" name="solution" id="" value="37">非常不喜欢</p>
										</div>
										<div>
											<span class="feed-back-btn botton">提交</span>
										</div>
									</form>
								</li>
							</ul><!-- 这里得用table切换 -->
						</div>
					</div>
					<div class="CB-buttom">
						<span></span><!-- 这里得用table切换 -->
					</div>
				</div>
				<div id="CB-right">
					<div class="CB-top">
						<div class="CB-title">
							<div class="CB-line"></div>
							<span class="text">更多 YOHO!产品</span>
						</div>
						<div class="CB-content">
							<img src="./Public/Home/Images/4.png" alt="">
						</div>
						<div class="CB-content">
							<img src="./Public/Home/Images/5.png" alt="">
						</div>
						<div class="CB-content">
							<img src="./Public/Home/Images/6.png" alt="">
						</div>
					</div>
					<div class="CB-buttom">
						<span></span>
					</div>
				</div>
			</div>
		</div>
	</div>
</article>
  {{include file="../Common/footer"}}
</body>
</html>